#wrapper {
width:auto;
height:100%;
border: none;
left:0px;
right:0px;
overflow-x: hidden; 
overflow-y: auto; 
  display: block;
  margin: 0px;
  padding: 0px;  
}

#table {
width: 100%;
table-layout: fixed;  
border-collapse: collapse;  
text-align: left;
font-family: "Microsoft YaHei", SimSun, Arial;
font-size: 13px;
}

#table tbody {
position:absolute;
width: 100%;
height: calc(100% - 130px);
overflow-y:auto;  
}

#table tbody tr{	
	height: 30px;
}

#table tbody td{   
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
padding-left: 6px;
color: #4f6b72;
cursor: pointer;
}

#table thead tr {
  display: block;  
  
}
#table thead tr th{ 	
	font-weight: bold;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	height: 40px;
	padding-left: 6px;
	background-color: #D5ECFF;
	vertical-align: middle;
}

#table tbody tr:nth-child(odd)		{ background-color:#F5FAFA; }
#table tbody tr:nth-child(even)		{ background-color:#FFFFFF; }

.clicked {background-color: #FFD0D9 !important;}
.hover {background-color: #E1E9FD !important;}


#table thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}